/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body {
		min-width: 320px;
	}

	body,input,textarea,select {
		font-size: 13pt;
		line-height: 1.5em;
	}

	h2 {
		font-size: 1.5em;
		letter-spacing: -1px;
	}
	
	/* Box */

		.box {
			padding: 1em;
		}

			.box.style2 {
				padding: 1.5em 1.25em 1.5em 1.25em;
				background-color: rgba(255,255,255,0.9);
			}

	/* Main */

		.main {
		}

			.main.style1 {
				padding: 4em 15px 4em 15px;
			}

				.main.style1 h2 {
					font-size: 3em;
					letter-spacing: -3px;
				}

			.main.style2 {
				padding: 6em 15px 6em 15px;
			}
			
				.main.style2 .button.anchored {
					display: none;
				}

				.main.style2 .content {
					width: 100%;
					left: 0% !important;
					text-align: center;
				}
				
				.main.style2 .tmp {
					width: 100%;
					height: 10em;
					background-size: cover;
				}

			.main.style3 {
				text-align: center;
				padding: 3em 10px 3em 10px;
			}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header {
		height: 3em;
		line-height: 2.5em;
	}

	body {
		/*padding-top: 2.5em;*/
	}

	#logo {
		left: 2.5%;
		top: 0;
		line-height: 2.5em;
	}
	
		#logo a {
			font-size: 1em;
		}
	
	#nav {
		display: none;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer {
	}
		
		#footer .menu {
		}
		
			#footer .menu li {
				border-left: 0;
				padding: 1em 0 0 0;
				margin: 0;
				display: block;
			}
			
				#footer .menu li:first-child {
					padding-top: 0;
				}
				
				#footer .menu li a {
					line-height: 1.5em;
				}
				
/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

	.poptrox-popup {
	}
	
		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous {
		}

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				width: 48px;
				height: 32px;
				background-size: contain;
				margin: -16px 0 0 0;
			}
			
		.poptrox-popup .closer {
		}
		
			.poptrox-popup .closer:before {
				right: 12px;
				top: 12px;
				width: 20px;
				height: 20px;
				box-shadow: inset 0 0 0 1px #fff;
				background-size: contain;
				opacity: 0.65;
			}
/*********************************************************************************/
/* junseok_add                                                                */
/*********************************************************************************/
span {
	font-size: 65%;
}
.logo {
     font-family: FontAwesome; 
    font-size: 2.5em;
    margin-top: 2%;
}
/*delete_picture 1*/
.Mypi {
    border-radius: 0.7em;
}
/*delete_picture 2*/ 
.login_img {
vertical-align: middle;
}
/*Sign in, Sign up control*/
.button.addButton {
	font-size: 11px;
}
.signup_text {
	font-size: 67%;
}
.signup_form {
	font-size: 70%;
	width: 15%;
}
.junseok9 {
	width: 70%;
}
/*placeholder control*/
form .formerize-placeholder {
    font-size: 10px;
}

::-webkit-input-placeholder {
    font-size: 10px;
}

::-moz-placeholder {
    font-size: 10px;
}

::-moz-placeholder {
    font-size: 10px;
}

:-ms-input-placeholder {
    font-size: 10px;
}
form ::-moz-focus-inner {
}
#logo > img {
	height: 2.3em;
	margin-top: 0.4em;
}

#searchBar {
	height: 36px;
	padding: 0.3% 11px;
}

div#searchBar img {
	width: 25px;
	height: 25px;
}
div#questionBar img {
	width: 25px;
	height: 25px;
}
/*real width => 514px*/
@media screen and (max-width: 468px) {
	#logo {
		left: 2em;
	}
	.comment {
		display : none;
	}
	.mobileCut {
		float: left;
		width: 178px;
	}
	#searchBar {
		height: 67px;
		padding: 0.3% 30px;
	}